<template class="dark">
  <router-view></router-view>
</template>

<script>
import {useDark} from '@vueuse/core'
import {useRouter} from "vue-router";
import {getCurrentInstance, onMounted, watch} from "vue";


export default {
  name: 'App',
  components: {},
  setup(props ,content){
    const router = useRouter()
    const {proxy} = getCurrentInstance();
    let data = {

    }
    onMounted(async () => {
      useDark()
    })
    let methods = {

    }

    return {
      proxy,
      router,
      ...data,
      ...methods
    }
  }
}
</script>

<style>
html {
  width: 100%;
  height: 100%;
}

/*去除手机端点击蓝色边框*/
html * {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
}

#app {
  width: 100%;
  height: 100%;
}
</style>
